<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>蓝源Eloan-P2P平台->用户登录</title>
  <link rel="stylesheet" href="/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css"/>
  <link rel="stylesheet" href="/css/core.css" type="text/css"/>
  <script type="text/javascript" src="/js/jquery/jquery-2.1.3.js"></script>
  <script type="text/javascript" src="/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="/js/jquery.bootstrap.min.js"></script>
  <script type="text/javascript" src="/js/plugins/jquery-validation/jquery.validate.js"></script>
  <script type="text/javascript" src="/js/plugins/jquery-validation/localization/messages_zh.js"></script>
  <script type="text/javascript" src="/js/plugins/jquery.form.js"></script>

  <style type="text/css">
    .el-login-form {
      width: 600px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
    }

    .el-login-form .form-control {
      width: 220px;
      display: inline;
    }
  </style>

  <script type="text/javascript">
    // for (var i = 0 ; i<1000 ; i++ ) {
    //     $.get(`http://192.168.101.68:${8000 + i}/userRegister?username=13712341234&password=123&verifycode=1&confirmPwd=123`)
    // }
  </script>

</head>
<body>
<!-- 网页头信息 -->
<div class="el-header">
  <div class="container" style="position: relative;">
    <ul class="nav navbar-nav navbar-right">
      <li><a href="/">首页</a></li>
      <li><a href="/login.html">登录</a></li>
      <li><a href="#">帮助</a></li>
    </ul>
  </div>
</div>

<!-- 网页导航 -->
<div class="navbar navbar-default el-navbar">
  <div class="container">
    <div class="navbar-header">
      <a href=""><img alt="Brand" src="/images/logo.png"></a>
      <span class="el-page-title">用户登录</span>
    </div>
  </div>
</div>

<!-- 网页内容 -->
<div class="container">
  <form id="loginForm" class="form-horizontal el-login-form" action="/userLogin" method="post">
    <p class="h4" style="margin: 10px 10px 20px 110px;color:#999;">请输入用户名和密码</p>
    <div class="form-group">
      <label class="control-label col-sm-2">用户名</label>
      <div class="col-sm-10">
        <input type="text" autocomplete="off" name="username" class="form-control" value="15557643887"/>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2">密&emsp;码</label>
      <div class="col-sm-10">
        <input type="password" autocomplete="off" name="password" class="form-control" value="1111"/>
      </div>
    </div>
    <div class="form-gorup">
      <div class="col-sm-offset-3">
        <button type="button" id="loginBtn" class="btn btn-success" style="width: 100px;">
          登录
        </button>
        &emsp;&emsp;
        <a href="/register.html">新用户，马上注册</a>
      </div>
    </div>
  </form>
</div>


<!-- 网页版权 -->
<div class="container-foot-2">
  <div class="context">
    <div class="left">
      <p>专注于高级Java开发工程师的培养</p>
      <p>版权所有：&emsp;2017广州狼码教育科技有限公司</p>
      <p>地&emsp;&emsp;址：&emsp;广州市天河区棠下涌东路大地商务港D座603室</p>
      <p>电&emsp;&emsp;话： 020-2900xxxx&emsp;&emsp;
        邮箱：&emsp;service@wolfcode.cn</p>
      <p>
        <a href="http://www.miitbeian.gov.cn" style="color: #ffffff">ICP备案
          ：粤ICP备字17147191号-1</a>
      </p>
      <p>
        <a href="http://www.gzjd.gov.cn/wlaqjc/open/validateSite" style="color: #ffffff">穗公网安备：44010650010086</a>
      </p>
    </div>
    <div class="right">
      <a target="_blank" href="http://weibo.com/ITxiaomage"><img
        src="/images/sina.png"></a>
    </div>
    <div class="clearfix"></div>
  </div>
</div>


<script>
  $('#loginBtn').click(function () {
    $('#loginForm').ajaxSubmit(function (data) {
      if (data.success) {
        $.messager.popup(data.msg);
        location.href = "/personal";
      } else {
        // 提示 比较 友好
        $.messager.popup(data.msg);
      }
    })
  })
</script>

</body>
</html>